<template>
  <div>
    <input type="text" name="" id="" v-bind:disabled="items.disabled"  v-model="itemName.value" @input="inputChnage">
    {{items.title}}
  </div>
</template>

<script>
export default {
  name:'itemComponent',
  props:{
    items:{
      type:Object,
      default () {
        return {
        }
      }
    },
    index:{
      type:Number,
      default(){
        return 0
      }
    }
  },
  data () {
    return {
      currentValue:''
    }
  },
  computed:{
    itemName(){
      return this.items
    }
  },
  watch:{

  },
  methods:{
    dynamicforcompute(){

    },
    hidecolumn(){

    },
    inputChnage (event) {
      this.$emit('inputChange',event.target.value,this.items,this.index)
    }
  },
  created () {
    this.currentValue = this.items.value;

  }
}
</script>

<style lang="less">

</style>

